<template>
  <van-tabbar v-model="active" active-color="#4690E5" inactive-color="#BAB9BE">
    <van-tabbar-item name="notes-o" icon="notes-o" to="/home">单词</van-tabbar-item>
    <van-tabbar-item name="tv-o" icon="tv-o" to="/class">课堂</van-tabbar-item>
    <van-tabbar-item name="bulb-o" icon="bulb-o" to="/find">发现</van-tabbar-item>
    <van-tabbar-item name="shop-o" icon="shop-o" to="/store">商城</van-tabbar-item>
    <van-tabbar-item name="friends-o" icon="friends-o" to="/me">我的</van-tabbar-item>
  </van-tabbar>
</template>

<script>
export default {
  name: "FooterComponent",
  data() {
    return {
      active: 'notes-o',
    };
  },
}
</script>

<style>
</style>